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Foreword by Issac Stolzenbach, former Managing Editor, Photoshop User magazine; current 
Managing Editor of Layers : The How-to Magazine For Everything Adobe. 

The quintessential amalgamation of inspirational and instructional 

T his ambitious book you hold in your hands is exactly the book that you or I would’ve 
written had we the talent, training, time — and fewer excuses — as Professor Derek 
Lea. Thankfully, Derek didn’t take the excuse-laden path of least resistance. Instead, 
he undertook the arduous challenge of mastering the hottest software in the creative 
market. He studied the interoperability of these programs, plucking out the most useful bits of 
each experience, and incorporated them into his own workflow, which resulted in a bounty of 
stunning artwork. He kept notes along the way and vetted the resulting techniques by sharing 
them with the creative communities behind such award-winning publications as Photoshop 
User , Computer Arts and Computer Arts Proj ects , Digital Camera , . net , Advanced Photoshop , 
and Digital Creative Arts magazines. 

Sounds good, right? But is this book for you. Go ahead and flip through the pages and see if 
the artwork speaks to you, then come on back here and I’ll tell you why this book is probably for 
you, and why it’s an essential next step in Derek’s oeuvre. 

Welcome back! That’s some killer artwork, right? This guy’s got an eye for aesthetics — and 
he knows how to communicate that vision too — you’ll actually learn how to do that stuff. What? 
Yeah, sure thing, go head up to the checkout counter, we’ll chat more when you get this home. 

Derek has been a professional digital artist for more than a decade and he learned how to use 
creative software the same way most of us do (for the most part): we poke around in Photoshop, 
exploring the tools and menu items, then, once we’re overwhelmed from being unable to reach 
our artistic vision due to the technical complexity of the software, we head up to the bookstore 
or library and seek out work from someone who is both inspired and inspiring — an all too 
rare combination. We may or may not grab the book based on the images we see within or 
perhaps the random, gonzoesque wordfreak blathering in the foreword persuades us to make 
the purchase. Either way, if we do end up taking the book home, when we get it home and take 
a closer look, we find that the author is either a talented artist or a gifted teacher — it’s the rarest 
Pokemon to find both powers in the same creature — and we find this time and time again. 
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The techniques are awesome, but the artist doesn’t aptly communicate everything they’re doing, 
so the book gets chucked into the “inspirational” pile. Or the techniques are written in a way 
that resonates in our heads and our brains sop up the information like a biscuit on that last 
splash of Sunday gravy: we finally learn those shortcuts; we discover where to go to make our 
own shortcuts; and — after gaining a little dexterity in our fingers — we realize that using them 
is indeed a faster way to work. That sort of book does teach us something, but our artwork will 
still suck because the author was an educator, not an artist. The book’s images were picked 
up from a stock photography agency and the end results are meekly presented as being “. . .for 
demonstration purposes only.” 

I’ve edited Derek’s work for a number of years. It’s been a pleasure because the guy really 
gets it — the art, the people, the culture, the software — with the digital arts community. What 
was really compelling about his work was that it got us up from our desks and engaged with the 
world around us. He had us dusting off old scanners, blow-drying fax paper, and cleaning out the 
gutters. . .errr wait, that was the wife. Anyway, it was sneaky, getting us out of our chairs to go 
collect a few leaves, but the end result was glorious — we discovered that there is a whole world 
out there just dying to be incorporated into our designs by our own hand. It sounds novel now, 
but after living day-in-and-day-out in the digital darkroom, your eyes will go from squinting 
like a prisoner in Plato’s cave to wide-eyed revelation when exposed to the light of this sort of 
knowledge. 

When Derek asked me to write the foreword to his next book, I was flattered and compelled. 
Flattered because the guy has been such an inspirational educator to me and to many of the folks 
with whom I’ve worked. Compelled because if ever a forthright handful of words need be said 
about one educator among the sea of digital arts instructors out there, it’s Derek Lea. 

He’s inspiring to me because he works in much the same way I do: Crank up the tunes, let the 
eyes roll back and allow the mind’s eye — floating in that personal, ethereal realm between magic 
and matter; between id and ego; between life and death — to take control, and create. Create! 
Create! He’s an inspiration to the people I work with because his techniques are not only fresh, 
but they don’t get the reader all tangled up in the overly technical tomfoolery that some use to 
baffle the reader with their “wisdom” rather than propel them into manifesting beauty through 
simplicity. 

Beyond the artwork, beyond the talent, beyond the book you have in your hands, rests the 
reason why I’ve gathered these few words of praise — the man. One of the main things I’ve 
always admired about Derek — beyond all that aforementioned genius — is the fact that he’s the 
embodiment of WYSIWYG. Simply put, Derek is a what-you-see-is-what-you-get type of guy. 
He doesn’t put on airs pretending to be something he’s not; he doesn’t say that he’s going to do 
something and not do it; and his grace rests in his candor. Just ask him about how he obtained 
his first copy of Photoshop and he’ll bluntly relay that it was acquired through a five-finger 
discount — plucked from a new scanner box and plopped into an old jacket pocket — while 
working at a soul- sucking job as a clothing company’s designer. (Hey, they needed the scanner , 
not the throwaway copy of Photoshop 2.5 that came with it, right?) 
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Now, thankfully, Derek has reached what many consider the summit of any digital art 
instructor’s career: Imparting knowledge to the masses in the most rewarding and prolific way as 
a tenure-track digital arts professor at Centennial College in Toronto, Ontario, Canada. 

The next time you’re in your office, when you glance over at that empty space between the 
inspirational shelf and the educational shelf, if you find yourself murmuring curses about there 
being nothing that’s inspirationally educational or educationally inspirational — and you didn’t 
leave with this book, you and I both know, until the talent flows and the excuses ebb: You’ll have 
no one to blame for that empty space on your self but yourself. 

All the best to you and yours 




-Issac Stolzenbach 
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Putting things together 

My discovery of Photoshop came after I worked as a graphic designer and art director for a few years. 
Back then, in the pre-desktop publishing days, we learned to put things together from different sources. 
Photostats, illustrations, and typesetting all got pasted onto boards to create press-ready artwork. 

I think that the idea of putting stuff together is something that has always stuck with me, regardless 
of what it is exactly that I’m using or where it came from. 

People are often surprised to hear me, as a digital artist, say that the computer is place to create 
finished ideas, not to develop one or brainstorm. But for me that is true. The computer introduces 
constraints in terms of interaction and reduces the sense of freedom that is essential to effectively 
develop ideas, because you must also focus on the process of interacting with the machine to a degree 
that hinders. I have been a witness to, and actively involved in, the advent of the desktop computer 
as an essential tool for artists. One thing that I’ve noticed over the years is that the computer itself 
becomes something other than a tool; for many it becomes a comfort zone. More specifically, the 
actual software that artists master can often become a comfort zone. And when engrossed in a comfort 
zone, innovation and fresh ideas eventually dissipate. The process of creation within a comfort zone 
becomes routine, and the resulting work is uninspired. The fun gets sucked out of it, and it shows. 

When I first started to use Photoshop, I was more than intrigued. I was hooked. I had found 
my medium as an artist. But after a while, I realized that being comfortable with the program was 
limiting in terms of staying fresh and developing new ideas. I began to explore other programs. I had 
been working with Illustrator prior to Photoshop and started bringing the two programs together to 
produce finished compositions. At the same time, I was very interested in Painter and a variety of 
3D applications as they began to appear. I started playing around in different programs and was very 
excited to break out of my comfort zone. My work was becoming more experimental and inspired, and 
I was having much more fun with it. Then I noticed a common denominator. It was Photoshop. 

Even though I was spending considerable time in other programs, I was always bouncing in and 
out of Photoshop. For 3D applications, I would make backgrounds in Photoshop ahead of time to 
align elements or to ensure perfect angles. Midway through the 3D process, I would find myself back 
in Photoshop, creating textures and displacement maps. Then, at the end of the 3D process, I would 
find myself opening the finished renderings in Photoshop, adjusting them, and using them to create 
something new once again. This process was not limited to 3D applications; it also proved true when 
I combined Photoshop with other programs such as Illustrator or Painter. Photoshop becomes the 
cornerstone application when working this way; it is essential at many points in the process. However, 
take note that this process of leaving Photoshop snaps you out of the Photoshop-only induced comfort 
zone, injecting some excitement into the tried- and- true process of putting things together. 

Why write an entire book about this? 

In the first edition of my previous book, Creative Photoshop , the last section contained a few chapters 
on the subject of using Photoshop with other programs. The general feeling was that although this 
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discussion was interesting, it was out of place among the rest of the content and did not have enough 
pages allocated to it to address it properly. So, when I wrote the second edition of Creative Photoshop , 
I took that material out and replaced it with other content. It was Valerie Geary at Focal Press who 
suggested that the content that I removed was the beginning of another, completely different book. 

She was right. This book was quite a challenge to write, but now you have a few hundred pages on the 
topic at your disposal. Doing it in a smaller way would not do the subject justice. Trust me on this. 

I think the next edition will be even bigger. 



Why Illustrator, Cinema 4D, Painter, Poser, and ZBrush? 

If you are not determined or do not have much of an attention span, you might as well put this book 
down now. The content of each chapter is comprehensive and involved. That is because doing it any 
other way would sell you short. Every application used here is powerful and deserves a fair amount of 
depth when it comes to exploration and explanation. Each program is unique and, in my opinion, the 
best of its kind. 

Illustrator is Photoshop’s soul mate. They have played well together for many, many years, and 
they are constantly getting better at it. Most designers and illustrators use both applications daily. 

I decided that it was my duty to devote a substantial amount of space to doing extremely diverse and 
cool things by combining them. Hopefully I have introduced one or two ideas that you have never 
thought of before. 

There is nothing else out there like Painter, so it was an obvious choice for the book. It is the only 
application in its class, as far as I’m concerned. In early versions of the program, I used it more or less 
on its own. However, these days it is built to work with Photoshop. Bouncing files back and forth is 
effortless, and there is a wonderful Photoshop familiarity about Painter’s user interface. 

ZBrush is another truly astounding piece of software. When I first caught wind of it, 

I figured that what I’d heard had to be lies. I was wrong. ZBrush delivers. This intuitive 3D sculpting 
program is one of a kind. If you have never explored it before, you are in for a treat. It takes the 
arduous process of working with 3D out of the equation via intuitive user interaction. Working with it 
really is like drawing or painting in 3D space. 

Deciding on Cinema 4D was more of a challenge. This is not due to any shortcomings in the 
program, because I have found none. It is due to the fact that there are a lot of 3D programs out there, 
and I had to consider them all before settling on Cinema 4D. It is not the cheapest program out there, 
nor is it the most expensive. However, what I have found is that it is the easiest to learn in its class. 

And when I talk about its class, I am talking about powerful features, flexibility, modular architecture, 
and fantastic user interaction. I have worked with a number of 3D applications over the years, but I am 
sold on the fact that if you are a serious artist looking to get into the world of 3D and do something 
substantial, Cinema 4D is what you need. Also, its power runs deep, and you will likely never find a 
limitation to what you can create as you begin to master its various tools, features, and functions. 

Poser was an obvious choice for me. When I think of 3D figures, I think of Poser. 

I have been using it since version 1.0 and am simply amazed at what it can create in terms of figures 
these days. And, like all the aforementioned programs, it is like a fine wine that simply becomes better 
with each incarnation. 
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Beginner, intermediate, or advanced? 

I have always had a problem with the way that one’s level of skill or capability as a digital artist has 
been limited to one of only three words. Obviously there are more than three variations in experience or 
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mastery from user to user. However, these words are so ingrained in the collective subconscious that I find 
I must, at some point, address this topic by using them so people know what the hell I’m talking about. 

Chances are, if you picked up this book one of the first things you wondered was whether or 
not you were capable of working through the material or whether you would be bored with it due to 
simplicity. I will do my best to set the record straight here. As a Photoshop user, I would say that at 
the very least you should consider yourself an intermediate user to effectively use this book. There is 
simply no room for me to tell you what a layer is or where to find the Brush tool or simple things like 
that. If you know your way around the program, you’ll do just fine. That being said, advanced users 
will not find it so rudimentary that they will be bored. There is a hell of a lot going on in here. 

Now, when it comes to the other programs, I have tried to work from the standpoint that the reader 
is a beginner. There is a good chance that you are using these other programs for the first time, so 
I instruct you in that way. I’ll tell you a bit more about where things are or include more navigational 
screen grabs to help you around the interface. You can work your way through this book just fine, 
without ever having opened a different application than Photoshop. However, when it comes to 
Illustrator, I am assuming some knowledge pre-exists due to the fact that you are an intermediate 
Photoshop user. There are similarities between certain tools and the general interface of both programs, 
so you won’t get as much handholding when it comes to Illustrator. 

Every program used in this book comes with a Help menu function of some sort built into it. 

If you get stuck, don’t hesitate to use it. After you’ve figured out what the holdback is and remedied it, 
continue to follow along where you left off. 



Which version of which program do you need? 

I wrote this book with core features, principles, and workflow methods in mind, and that pertains to 
everything, including Photoshop. I have never been an advocate of using the latest bells and whistles 
just because they’re new. At the end of it all, you want to learn how to get the most out of each program, 
to help you realize your vision as an artist. Although I was using the most recent versions of each 
program at the time of writing, what I do from chapter to chapter is not necessarily version specific. 

If you are using downright archaic versions of programs, you might run into problems. But if you are 
remotely current on the version you’re using, you should be able to make your way through with ease. 

Do you have to buy all the programs to get through this book? 

Absolutely not. As a matter of fact, I was very careful to select programs that have a demo version 
available for download. Every program used in the book has a trial version that can be downloaded 
from each company’s Website. You will need to purchase nothing. Website links are provided in the 
opening spread for each chapter. Also, if you want to use just Photoshop, that is a possibility, too. If you 
are using Photoshop and nothing else, each chapter has a series of tips that will guide you through the 
process, and there are downloadable project files that will provide the assets created in other programs, 
so you can focus on the Photoshop-only portions. In most cases, this will get you to the finished stage. 
The only real exception is the Painter chapter. That particular chapter finishes off in Painter, so you 
won’t wrap up in Photoshop like the other chapters. To remedy this for those of you using Photoshop 
only, I have included a layered file of the image I created for your perusal. 



How to use this book 

Each chapter in this book is a stand-alone project. One chapter does not lead into the next. You can 
literally open the book and start with any chapter that interests you. I have decided to follow the format 
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I used previously in Creative Photoshop. Each chapter begins with an inspirational image, and then a 
highly detailed, step-by-step walkthrough carries you through the process of how it was created. All 
the files you’ll need to create each image are included in the downloadable project files for that chapter 
at www.beyondphotoshopthebook.com. At the end of each chapter, you’ll not only create something 
compelling — you’ll walk away with the knowhow required to apply these methods to work of your 
own. That is the real goal here: to inspire you as well as inform you, while at the same time creating 
something that is visually compelling. 

Using a pressure-sensitive tablet 

If you purchase one piece of equipment as a digital artist, make sure it is a pres sure- sensitive tablet 
and stylus. Seriously, drawing and painting with a mouse are like entering a perpetual fight against 
your computer. For your own sake, buy a tablet. It doesn’t have to be large or fancy, it just needs to be 
something more intuitive than a mouse. To prove my point, I used a Wacom Bamboo tablet for this 
entire book. It is small, limited, and inexpensive, but it does the job. 

Further, I did not explore any pressure-sensitivity settings in Photoshop or other programs other 
than defaults. The point I’m trying to make is that success is about interacting with your machine in 
a natural way, and in my experience, getting a tablet is the best way to achieve this goal. If you want 
something larger or you want to explore pressure sensitivity, tilt, rotation, and so on, go ahead and do 
so. I just want you to know that using a tablet can be as simple as plugging it in and installing a driver, 
then forgetting about it — basking in the intuitive feel of it all as you begin to use it right away. Some 
chapters in this book will be possible to get through without a tablet: mainly the Illustrator, Poser, and 
Cinema 4D chapters. However, when it comes to using Painter and ZB rush, not using a tablet will 
almost certainly result in total frustration. 

Expert tips 

In addition to step-by-step instruction and inspirational imagery, you’ll find hundreds of expert tips 
scattered throughout this book. Some of the tips pertain to the instructions on a particular page, but 
many are additional hints and pieces of advice, which will prove useful for almost anything you set 
out to do. Feel free to flip around the book and examine different tips, just as you would randomly flip 
from chapter to chapter. Tips are divided into five categories, represented by these icons: 




Shortcuts 

These time-saving tips will shave hours off your time spent working. Whether a keyboard 
command or a quicker way of doing something, these tips will allow you to spend more 
time creating rather than spending all your time executing certain tasks the long way. 




Info 

These tips contain useful tidbits and extra information that might not be addressed in 
the step-by-step instructions in each chapter. Or additional, more detailed information is 
provided to accompany a specific stage in the process. 




Download files 

These tips point you toward the specific files required to follow along. All project files are 
available for download in the project files section of the Beyond Photoshop Website. 
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Caution 

Be extremely careful when you see this tip. You are being warned of potential pitfalls and 
must carefully pay attention to prevent things from going horribly wrong. 




Creative tips 

Creative tips provide valuable hints and advice regarding the artistic process of creating with 
Photoshop. These touch on everything from unconventional tool usage within Photoshop 
itself to hints on how to extract resource materials from the physical world surrounding you. 



Become part of the Beyond Photoshop community 

Your exploration into combining Photoshop with other programs does not end with this book. Visit the 
Beyond Photoshop Website and explore the user forum. Share knowledge with and ask questions of 
other readers. Be sure to post your finished images in the user forum for everyone else to see. Submit 
the works you’ve created by following the chapters here, or post your own work, showcasing your new 
skills. Be sure to check it out. 

Join the Beyond Photoshop community at www.beyondphotoshopthebook.com. 
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Chapter 1 

Sharp Edges and 
N Painterly Blends 

Combining Illustrator with Photoshop 

P hotoshop contains some excellent vector tools and features. But when it 
comes to creating artwork, experienced digital artists, illustrators, and 
designers rarely limit themselves to a single software application. It is no 
secret that when it comes to drawing with vectors, there is no better choice 
than Adobe Illustrator. Illustrator has been the industry- standard vector art tool for as 
long as I can remember. I personally have been using it as an integral part of my digital 
toolset since 1991. 

The features and functions within Illustrator are unparalleled indeed, but what do you 
do when you want all the superb vector creation possibilities offered within Illustrator, 
yet you also want the superb paint tool features in Photoshop? The answer is simple: You 
combine the two applications. And believe it or not, when it comes to creating a stunning 
Art Noveau masterpiece like the one you see here, you simply need to copy and paste. To 
put it simply: Photoshop and Illustrator play very well together. 

In this chapter, we’ll explore the advantages of bringing existing vector art from 
Illustrator into Photoshop and using it as vector building blocks to create the piece you 
see here. More specifically, we’ll be pasting vector art into Photoshop, creating shape 
layers and paths as the Illustrator data makes its way into Photoshop. We’ll use paths 
to create selection borders, and we’ll duplicate and edit shape layers to suit a variety of 
purposes. Once the vectors are safely in place, we can employ Photoshop’s marvelous 
paint and composition tools, resulting in a nostalgic piece of art that is a combination of 
both sharp vectors and soft painted elements. 

Versions Requirements and Recommendations 

Photoshop CS4 In addition to Photoshop, you’ll need a copy of Illustrator, If you don’t have a copy 

Illustrator CS4 of Illustrator, you can download a trial version from www.adobe.com. 
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What you’ll learn in this chapter 



Creative Techniques and Working Methods 



Constructing rather than outlining 

The artwork in this illustration relies heavily on prominent outlines. Generally, when I witness 
inexperienced users of Illustrator attempting to create artwork in a similar style, they rely on stroke 
attributes to create the outline in the image. An unfortunate result of this method is that there is 
little or no expressive quality in the line-work. What makes line-work expressive in the context of an 
illustration is the variation in thickness and the way the ends of each line taper, are sharp, or are 
rounded. Granted, there are options within the Stroke palette that allow you to change the endpoints 
of the line; but again, like the uniform thickness of the stroke, those just aren’t expressive enough. 
The best way to achieve the desired expressive quality is to pay attention to the sketch. 




When we draw, something intuitive happens, and it becomes effortless or even a 
subconscious act to create expressive line-work. Within software it is a different story. We 
need to focus on preserving the innate, expressive quality of our drawing as we create the 
finished product. This goal cannot be achieved by using stroke attributes but by creating 
each element manually with the Pen tool. However, there is more to it than simple mastery 
over the Pen tool. There is a logical method of construction, which involves creating an 
exterior shape first. The next step is to subtract an interior. This will give you your expressive 
outline. After that, details are created as closed shapes, and the result is unified. 

The Pathfinder palette plays a central role in this systematic drawing process. 

Deconstructing and inverting 

When you paste your illustrated outlines into Photoshop, they will serve another purpose. By 
working with duplicates of the shapes, you will learn how to remove the outer regions, thus 
inverting the appearance of the fill. This might sound confusing, but it is a simple process 
that we’ll go through repeatedly. It allows you to use your illustrations not only as outlines but 
also for creating instant solid color fills on separate layers. 
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Tools, Features, and Functions 



Template layers 

These Illustrator layers will allow you to fade the opacity of your sketch so that you can trace over 
it without visual distraction. Also, and perhaps more important, the imagery on the Template layer will 
remain visible in both Preview and Outline modes. 




Outline Stroke 

This nifty feature allows you to convert Illustrator’s stroke attribute to an actual, editable vector object. 
This is helpful when you’re pasting something into Photoshop. Not only do you preserve the stroke, but 
by converting it to an object, you can delete the exterior path on your resulting shape layer to invert the 
appearance as well. 
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An intricate illustration like this one requires quite a bit of 
prior planning. There is no better start than putting pencil 
to paper and sketching out those ideas. Here the main 
content is more or less worked out. Her face is looking 
good, but everything else requires some more refining. 




Because the face itself was working already, I simply 
refined the other elements in this drawing. Don’t fret 
because there is no face shown here; we’ll make a 
composite template soon by combing the two drawings in 
Photoshop. 




It is always a good idea to keep the components separate, even at the drawing stage. This allows you to digitally refine 
each component separately, affording you some flexibility when it comes time to assemble the finished composition. 
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Beyond Photoshop 



PART ONE: Preparing sketches 
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1 Open the sketch-1.jpg file in Photoshop. Then open the sketch-2.jpg \\\q. Use the Move tool to drag the image from the sketch-2.jpg 
file into the sketchljpg file as a new layer. Reduce the opacity of the layer so that you see the underlying layer. Use the underlying 
layer as a guide to position the top layer as accurately as possible. The important thing to concentrate on at this point is lining up her 
facial features within the outline of her face. 




Project files 



All the files needed to follow along with this 
chapter and create the featured image are 
available for download on the accompanying 
Website, in the project files section. Visit 
www.beyondphotoshopthebook.com. 





(RUSHES 




2 When you’re satisfied with the position of the top layer, click the Add Layer Mask button at the bottom of the Layers palette to mask 
the layer. Ensure that the new mask is targeted in the Layers palette and select the Brush tool. In the Brushes palette, select a soft, 
round preset and disable any shape dynamics that are active. Your foreground color should be set to black at this point; if it isn't, press 
the X key to set it. Paint over her face area within the mask to reveal the underlying face. When you’re satisfied with the result, return 
the opacity of the layer to 1 00%. 
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3 Click the Create New Fill or Adjustment Layer button at the bottom of the Layers palette and select the Levels option from the menu to 
create a new Levels adjustment layer. In the Adjustments palette, drag the left and right input level sliders inward. Drag the left slider 
over a little further, and then drag the middle slider to the right a little. Basically, our goal is to create a sense of clarity in the image. 
Don’t worry if there are still some unwanted artifacts; we’ll simply use this as a template in Illustrator. Save the file as face template.psd. 



Repeat the process 

Perform similar adjustments to the two remaining sketches, creating a series of clear templates for Illustrator. 





1 Now open the sketch-3.jpg file. Press Control-L (PC)/Command-L (Mac) to perform a Levels adjustment. When the Levels dialog box appears, drag 
the left and right input level sliders inward to increase the contrast. Adjust the midtones slider as necessary to minimize the midtones in the drawing. 




rr»Mt own* ►£)!*; 



Churnl Cut : 1 





2 Save the file as words template.psd . Then open the sketch-4, 
psd file. You can tell just by looking at the image that you’ll need 
to increase the contrast overall to create a clear template to trace 
over in Illustrator. Press Control-L (PC)/Command-L (Mac) to open 
the Levels adjustment dialog box. 






3 Perform a similar adjustment to the input level sliders as you’ve 
done previously. First, drag the left and right sliders inward, then 
adjust the midtones. When you’re satisfied, save this file as flower 
template.psd. 
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Beyond Photoshop 



PART TWO: Creating a pattern 




4 Launch Illustrator and create a new file. The size of the artboard is unimportant since we’re simply going to paste the completed art 
into Photoshop. You can leave the artboard size set to the default setting. Don’t worry about the document’s color space, either. Choose 
File > Place from the menu and navigate to the flower template. psd file. Click the Place button. When the placed artwork appears, 
Shift-click and drag a corner point outward to increase the size so that you have a larger space to work within. 




Illustrator files and 
workaround 



If you want to follow along with this 
chapter yet you find the idea of creating 
art in Illustrator daunting, worry not. 

All the Illustrator files that are created 
throughout this chapter are included in the 
downloadable project files. So, if you don’t 
feel like meticulously creating the vector 
components, they are there for your perusal 
should you decide to open them in Illustrator. 
And for those of you who don’t want to so 
much as open Illustrator, we've included a 
file called working. psd that contains all the 
art pasted from Illustrator throughout this 
chapter. Following along using that file is 
simply a matter of enabling the visibility of 
the included shape layers and generating 
selections from included paths as necessary. 
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5 In the Layers palette, double-click the layer to open the Layer Options. In the 
Layer Options, enable the Template function. This will hide all other options except 
the Dim option. By default, the Dim setting will be set to 50%. Go ahead and leave it 
set as it is. If you ever want to change the dimness of the image, you can simply 
double-click the layer and reset the value. Select the Pen tool and then click the 
Fill swatch in the Toolbar. When the Color palette appears, set the fill to Black.Then 
click the Stroke swatch in the Tool Options bar and set it to None in the Color 
palette or by clicking the None option beneath it in the Toolbar. You cannot draw on 
a template layer, so click the Create New Layer button at the bottom of the Layers 
palette to create a layer that you can work on. Ensure that the new layer is targeted 
in the Layers palette. 
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6 Use the Pen tool to begin tracing the outer left edge of the shape. Start at the 
bottom and work your way upward, clicking and dragging as you go, to create a path 
made of Bezier curves that follows the edge of the sketch. At any point you can alter 
a point or the handles of a curve by using the Direct Selection tool. After editing a 
point, continuing from the last point is as simple as clicking and dragging on the 
point and then creating the next point, and so on. You might find that because the 
object has a solid black fill attribute applied to it, it is hard to view the underlying 
sketch as you work.To remedy this problem, switch to Outline viewing mode by 
typing Control-Y (or Command-Y).You can switch back to Preview viewing mode at 
any time by typing the same command. 



Tracing the sketch 

Using the underlying template as your guide, begin to trace the contour, creating your first closed shape. 




1 When you get to the top, continue along 
toward the right. When you get to the top- 
right point of the first flower, move down the 
right side of this flower, tracing it. Do not 
worry about the other flower just yet; simply 
keep creating your path down the right side 
of the first flower. 



2 When you get to the part where the line on the 
sketch intersects with the other flower, continue 
to draw your path by moving to the left and 
then tracing the inner edge. Continue to trace 
the inner edge as it moves up and down and 
meanders along. Do not cross over any thick, 
black lines. Just trace this inner line all the way 
back to your original starting point. 



3 When you get back to your original 
point, click it to close the shape. 

Now that the shape is closed, press 
Control-Y (or Command-Y) to preview 
it. While you are previewing it, perform 
any necessary tweaks to the shape 
with the Direct Selection tool, creating 
smooth curves. 
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Beyond Photoshop 





7 Press Control-Y (or Command-Y) again to switch to outline view. You will 
have noticed by now that in some areas the design looks outlined, as it 
was intended. However, regions at the top are solid black. To remedy this 
situation, the next step is to use some shapes to, one by one, subtract from 
these regions. Use the same methods you employed previously to draw 
a closed shape around the inner region of the flower’s petals at the top. 
When you’re finished, select the new shape with the Selection tool, and 
then select the previous shape as well by Shift-clicking on it. While both 
shapes are selected, click the Minus Front button in the Shape Modes 
section of the Pathfinder palette. This will subtract the new shape from the 
previous shape. Press Control-Y (or Command-Y) to preview the result. 




Why doesn’t it work? 



If your Minus Front operations are producing 
unwanted or unpredictable results, you 
could be doing a few things incorrectly. 

First, ensure that you use the Selection tool 
rather than the Direct Selection tool. You 
need to select objects, not line segments 
or points. Also, ensure that the shape you’re 
using as a tool resides above the shape 
you're subtracting from. You can check this 
in the hierarchy of the Layers palette. Finally, 
subtract only one shape at a time. If you 
select three shapes and perform the Minus 
Front operation, it will not work properly. 




8 Press Control-Y (or Command-Y) to switch back to outline view. Draw another one 
of the shapes that you need to subtract from the solid black area. When you have 
closed the shape, select it and select the main shape with the selection tool. When 
both shapes are selected, perform the Minus Front operation in the pathfinder 
once again. Repeat this procedure as many times as required to stay true to the 
original drawing. Feel free to use the Direct Selection tool to modify points or 
Bezier handles at any point to refine the shape. 
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9 The only things missing from this side of the flower 
now are the small, black details. Carefully draw a series 
of closed objects to represent the missing details 
indicated by the underlying sketch. When you’re finished, 
press Control-A (or Command-A) to select all the objects, 
and then press Control-G (or Command-G) to group them. 
Use the Selection tool to click the group and drag it to 
the right while holding down the Alt (PC)/0ption (Mac) 
key to duplicate it. 
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10 While the duplicate group is selected, choose Object > Transform > Reflect 
from the menu. When the Reflect options appear, choose the Horizontal axis and 
click OK. After reflecting, Shift-drag to the right or left to adjust the horizontal 
position of the duplicate so that both groups are overlapping slightly in the middle. 
Now use the Pen tool to draw a closed shape that traces the outer edge of the 
central flower. Trace the entire flower and close the shape by clicking the original 
starting point when you’ve made your way back to it. It is important to bear in 
mind that we are using the sketch as a guide and, as is evident in the duplication 
procedure we just performed, alterations and/or improvements can be performed 
at your discretion. Never be afraid to clean up your art as you go. 



Alphonse Mucha 



The work of the Czechoslovakian painter 
and illustrator Alphonse Mucha was my 
inspiration for this chapter’s opening 
illustration. His work frequently featured 
women in flowing robes with lavish and 
flowing hair surrounded by flowers. I 
borrowed the style of my illustration’s hair, 
as well as the hand-rendered typography 
and flowers, from his work. Mucha was 
one of a kind, and if you like the gentle, 
flowing quality of my illustration, you should 
investigate the work of the real master at 
www.muchafoundation.org. 
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11 Press Control-A (or Command-A) to select all the objects on the artboard, and then click the Unite button in the Shape Modes 
section of the Pathfinder palette. After the shapes are united, you’ll notice that as a result a new group appears in the Layers palette. 
While the resulting shape is still selected, choose Object > Compound Path > Make from the menu. You’ll see the group change to a 
compound shape in the Layers palette, but there will be no visible change on the artboard. Converting the group to a compound path is 
essential for future Pathfinder operations to work properly. 






12 After you convert the group to a compound path, press Control-Y (or Command-Y) to switch to Outline mode if you’re currently 
working in Preview mode. You’ll need to switch to Outline mode to see the underlying sketch. Use the Pen tool to create a shape that 
that traces the inside of the flower petals outline as indicated by the sketch. Again, take your time and work your way around the entire 
interior of the petals only until you return to the starting point. Don’t worry about the stem yet; we’ll do that next. Return to the starting 
point to close the shape. Press Control-A (or Command-A) to select all, then click the Minus Front button in the Pathfinder palette. 
Switch back to Preview mode to view the result. 
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13 Again, you’ll notice the result appear as a group in the Layers palette. While the new group is selected, choose Object > Compound 
Path > Make from the menu. After converting the group to a compound path, return to Outline mode so that you can clearly see the 
underlying sketch on the template layer. Use the Pen tool to create a closed shape that traces the interior of the stem. Toggle back and 
forth between Preview and Outline modes as necessary to both see what you're doing and to view the results accurately. When you have 
closed the shape, press Control-A (or Command-A) to select all, and then click the Minus Front button in the Pathfinder palette. Again, 
convert the resulting group to a compound path. 
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14 Use the Pen tool to create a series of closed shapes indicated by the petal 
details on the underlying sketch. When you’re finished, select all and click the 
Unite button in the Pathfinder to unite all the shapes. While the new group of 
shapes is selected, convert it to a compound path, as you've done previously. When 
you're finished, disable the visibility of the template layer by clicking its Visibility 
icon in the left column of the Layers palette. 
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Illustrator workaround 1 



If you want to inspect or use the finished 
pattern file that was used here rather than 
create your own, it is included within the 
downloadable project files for this chapter. 
The name of the file is pattern. ai. 
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15 Zoom out considerably and use the Pan tool to position your artwork in the upper-left corner of 
the window. Use the Selection tool to select the compound path if it isn’t already. Click it and then 
drag to the right while holding down the Alt (or Option) and Shift keys. This will create a duplicate 
that is vertically aligned with the original shape. Leave the duplicate shape selected and then press 
Control-D (or Command-D) to implement the Transform Again operation. This will create another 
instance of your shape, moving it the exact same distance as you did previously. Keep typing the same 
keyboard command until you’ve created a row of 10 shapes. 



Finishing the pattern 

Duplicate, offset, and duplicate until you complete the pattern in Illustrator. 



1 After creating a horizontal row, press Control-A (or Command-A) to select them all. Then click any shape with the Selection tool and drag downward 
while holding down the Alt (or Option) key to create a duplicate row. 




2 Hold down the Shift key as you drag the row to the right or left to offset it. Then press Control-A (or Command-A) to select all. After selecting 
everything, click any shape with the Selection tool and drag it downward while holding down the Alt (or Option) and Shift keys. 




3 While the two duplicated rows are selected, press Control-D (or Command-D) twice. This will implement the Transform Again operation twice, 
resulting in eight rows. Press Control-A (or Command-A) to select all, and then press Control-C (or Command-C) to copy. 
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Illustrator preferences 



To have the full gamut of options available 
to you when you paste your Illustrator art 
into Photoshop, it is necessary that your 
Illustrator preferences are set up properly 
before you copy. In the file handling and 
clipboard preferences, ensure that the 
PDF and AICB options are enabled. If these 
options are not enabled, your art will be 
automatically rasterized when you paste it 
into Photoshop. 
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16 Launch Photoshop and create a new RGB file that is approximately 18 inches 
wide and 1 2 inches high. Set the background contents to white. Select the 
Gradient tool. In the Tool Options bar, choose the Linear gradient method and the 
Foreground to Transparent gradient preset. Click the foreground color swatch in 
the Toolbar to open the picker. Select a purple color from the picker and create 
a gradient on the background layer by clicking the left side of the canvas and 
dragging to the right. 




17 In the Tool Options bar, switch the gradient method to Radial. Leave the Gradient preset set to Foreground to Transparent. Now click 
the foreground color swatch in the Toolbar and select a yellow color from the picker. Create a large radial gradient in the upper left of 
the canvas area. Next, choose a darker purple foreground color and create a new gradient in the lower left. Finally, choose a very light 
yellow foreground color and create a smaller gradient in the area between the other two. 
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18 Press Control-V (or Command-V) to paste your copied art from Illustrator into the Photoshop file. When the Paste As options appear, 
choose the Path option. The artwork will be immense compared to your canvas. To remedy this problem, begin by pressing the F key as 
many times as necessary until the designated view switches to full Screen Mode With Menu Bar. Next, zoom out considerably until you 
can see the edges of the pasted artwork. Press Control-T (or Command-T) to enable the Free Transform operation. When the bounding 
box appears, click a corner point and drag inward while holding down the Alt (or Option) and Shift keys until the pattern is drastically 
reduced. Press the Enter key to apply the transformation. 











19 Ensure that you name this path in the path’s palette or it will be in danger of being overwritten. Do not leave it named work path. If 
you simply double-click the path’s name and then leave it set to Path 7, that is fine. Do this each time you add a path. Control-click (or 
Command-click) the path thumbnail to load it as a selection. Because it is quite intricate, it will likely take a moment for the selection 
to load. When the selection marquee appears, return to the Layers palette. Click the Create A New Layer button at the bottom of the 
Layers palette. Target the new layer. 
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20 Select the Gradient tool. It should still be set to the Foreground to Transparent preset. Choose the Linear method and then click the 
foreground color swatch in the Toolbar. When the picker appears, choose a dirty pink color and click OK. Click and drag from the left 
edge of the canvas to the right, filling the active selection with a gradient on the new layer. Switch to the Radial method in the Tool 
Options bar and then create a couple of new gradients within the selection, from the top- and bottom-left corners, moving toward the 
center of the canvas. Use a mauve foreground color at the bottom and a yellow color at the top. Press Control-D (or Command-D) to 
deactivate the selection. 



PART THREE: Creating the text 





21 Return to Illustrator and create a new file. As before, the artboard size does not matter. Simply hide the artboard from view after you 
create the document. Choose File > Place from the menu and select the words template. psd file you created earlier. Click the Place 
button and then double-click the layer in the Layers palette. Choose the Template option from the Layer options and click OK. Click the 
Create New Layer Button at the bottom of the Layers palette and ensure that the new layer is targeted. 
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22 Click and hold the Rectangle tool in the Toolbar and then select the Rounded Rectangle tool when it appears. If your fill color is 
not set to Black, go ahead and change it in the Color palette. Also ensure that that the stroke attribute is set to None. Click and drag to 
create a new rounded rectangle about the same size as the one shown in the underlying template layer. This will define the perimeter 
of the text box. Press Control-Y (or Command-Y) to switch to Outline view if you are currently working in Preview mode so that you can 
see the underlying sketch. 





Editing rounded corners 



When you create a rounded rectangle, you 
might think that the corners are either too 
round or perhaps not round enough. If this 
is the case, delete the rectangle, then either 
click once or Alt-click (or Option-click) 
on the artboard.The rounded rectangle 
options will appear. Leave the width and 
height settings as they were so that the 
new rectangle will be the exact same size 
as the previous one. However, increase or 
decrease the corner radius amount as you 
see fit. Click OK and a new, revised, rounded 
rectangle will appear. 




23 Use the Pen tool to carefully trace the outer line of the lettering. Concentrate 
only on the exterior of the letters at this point and ensure that this outer form 
creates a single, closed shape. This part is time consuming and requires quite 
a bit of patience, so relax and take your time here. It will be necessary to extend 
beyond the edge of the rectangle in some regions just to continue the shape. Don’t 
worry about how the lines that extend beyond the edge of the rectangle look; they 
will be removed at the next stage in the process. 
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24 Press Control-A (or Command-A) to select the new shape as well as the underlying rounded rectangle. When both are selected, 
click the Minus Front operation in the Pathfinder palette to punch a hole in the rectangle using the new shape. View the results in 
Preview mode. While the resulting group is selected, choose Object > Compound Path > Make from the menu. Now use the Pen tool 
to carefully trace all the missing components as indicated by the sketch — things like the inside of the letter o, the inside of the 
letter a, and so on. Again, take your time as you draw all these little bits and pieces. It is important that they match the quality of your 
existing compound path. When you’re finished, select all and then click the Unite button in the Pathfinder palette. After that, convert the 
resulting group to a compound path. 




25 Switch to Outline mode and use the Pen tool to create a closed shape for the accent over the e in the. Select all and click the 
Minus Front button in the Pathfinder palette. Convert the result to a compound path. While the compound path is selected, click the 
small icon in the Toolbar that toggles the fill and stroke attributes to invert them. In the Stroke palette, choose the Align Stroke To 
Inside option and increase the weight to 2 points. 
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26 Choose Object > Path > Outline Stroke from the menu. This will convert the stroke attribute to an object. Select all and copy. 
Return to your working file in Photoshop and paste. When the Paste options appear, select the Shape Layer option and click OK. When 
the shape layer appears on the canvas, press Control-T (or Command-T) to access Free Transform. Shift-drag a corner point outward 
to increase the size of the shape and position it at the upper left of the canvas. Press the Enter key to apply the transformation. Your 
shape layer will use the current foreground color as its fill color.To change the color, double-click the Shape Layer thumbnail in the 
Layers palette. When the picker appears, choose a brighter purple color and click OK. 






Illustrator workaround 2 



Again, if you are not inclined to draw the 
text components yourself or if you simply 
want to inspect the actual file used here, it 
is included within the downloadable project 
files for this chapter. The file is called 
words.ai. 



27 Ensure that your shape layer is targeted in the Layers palette, and then choose 
the Stroke option from the Layer Styles menu at the bottom of the Layers palette. 

In the Layer style options, enable the Preview option, if it isn’t already enabled, and 
adjust the size of the stroke so that it is about as wide as the purple stroke of the 
shape layer itself. Set the Position option to Outside. Click the Color swatch and 
choose a light peach color from the picker. Duplicate the layer by dragging it onto 
the Create A New Layer button at the bottom of the Layers palette. 
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28 Click the Stroke effect applied to your duplicate layer and drag it to the trash at the bottom of the Layers palette to remove it. Double- 
click the Duplicate Shape layer’s thumbnail to access the picker and change its color to a lighter purple. Choose the Direct Selection tool 
from the toolbar. Hold down the Alt (or Option) key and click the outer path on the left side of the shape layer.This will select the outer path 
only, leaving the inner path untouched. Press the Delete key. As the outer path is removed, the fill is inverted, filling the inner path. 



Inverting the shape layer 

Removing the outer paths will cause a drastic change in the layer’s shape area operations. 




1 Alt-click (or Option-click) on the outer path of the 
shape to the upper right of the s with the Direct Selection 
tool. Again, when the outer path is selected, delete it. It is very 
important to hold down the Alt (or Option) key as you click an 
outer path. 




2 If you do not hold down the Alt (or Option) key when you click, 
the Direct Selection tool will select a single point or line segment. 
Pressing the Delete key will only delete that single point or line 
segment until you press it a second time. Alt-click (or Option-click) 
on the outer path inside the a and then delete it. 




3 Repeat this process with each shape, with the exception of the accent over the e. For the accent over the e, Alt-click (or Option-click) on the 
inner path this time and then press the Delete key. The result of all this selecting and deleting will look like what is shown here. 
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29 Control-click (or Command-click) on the duplicate shape layer’s vector mask thumbnail in 
the Layers palette to load it as a selection. Create a new layer and ensure that it is targeted. 
Select the Gradient tool and set the preset to Foreground to Transparent if it isn’t already. 
Also, ensure that the Radial method is specified in the Tool Options bar. Select a very light 
mauve foreground color from the picker. Click and drag from left to right within the selection 
on the new layer.This will create a gentle blend in this area. Deactivate the current selection. 




PART FOUR: The woman’s face and hair 
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30 Return to Illustrator and create a new file. Once again, the artboard size doesn’t matter. Simply hide the artboard from view. Set 
the Fill attribute to Black and the Stroke attribute to None. Choose File > Place from the menu and place the face template. psd file. 

As before, double-click the layer in the Layers palette and then enable the Template Layer option. Create a new layer and ensure that 
it remains targeted. Working in Outline mode, use the Pen tool to carefully create a large, closed shape that traces the outer contour 
of the woman’s face and hair. Don’t worry about the teacup or flowers at this point. You can simply create a simple line segment in the 
region that overlaps the teacup. Feel free to deviate from the sketch slightly as you see fit. 



22 






Chapter 1: Sharp Edges and Painterly Blends 




31 Now proceed to draw another shape that traces the interior of her face. This 
will entail tracing around the eyebrow at the left as well. Press Control-A (or 
Command-A) to select all and then click the Minus Front button in the Pathfinder 
palette to subtract the face shape from the outer shape you created previously. 
While the resulting group is selected, choose Object > Compound Path > Make 
from the menu. Next, repeat the process by tracing her neck area; take some 
liberty while tracing the right side of this shape. When the shape is closed, select 
all, perform the Minus Front operation, and then convert the resulting group to a 
compound path. Switch to Preview mode to view the results thus far. 





Illustrator workaround 3 



Due to the intricacy of drawing required for 
this illustrated component, it is likely that 
most of you will want to at least peruse the 
actual file used here. If you want to use that 
file instead of creating your own, that is fine, 
too.This file is called main.ai and is included 
within the downloadable project files for this 
chapter. The woman’s face is on its own layer 
in the Illustrator file. Also included in this file, 
on separate layers, is the finished artwork for 
the teacup and flower that you’ll create later 
in the chapter. Feel free to inspect these as 
well, or simply use them in place of creating 
your own components later on. 
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32 Now begin the task of tracing the interior 
of her hair area to create a single, very 
complicated, closed shape. Just follow the 
contour all the way around. In some instances 
you’ll be moving inward to trace a detail from 
the sketch, then you’ll double-back along the 
other side of the detail to get back to the 
interior edge and then continue on from there. 
This process will take a while, so allocate a 
fair amount of time for it. When you’re finished, 
select all, perform the Minus Front operation, 
and then convert the resulting group to a 
compound path. 
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33 The next step is to trace all the solid 
black details. Using the template as your 
guide, create closed shapes to represent 
all the details in the woman’s face and hair. 
When you get to areas where there are holes 
or spaces between strands of her hair, simply 
trace the outer perimeter for the time being. 
We’ll punch holes in these regions in the 
next step. For now, take your time and create 
all the black regions. When you're happy 
with the result, select all and click the Unite 
button in the Pathfinder palette. After uniting, 
convert the group into a compound path. 
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34 Now you’ll need to switch back to Outline mode, because we’re going to create the holes or negative spaces in the large black 
regions of her hair. If you work in Preview mode, you won’t be able to use the underlying template as your guide. Begin by creating a 
single, white inner shape that traces the inner line of one of these negative spaces. Ensure that the shape is closed and then select all. 
After selecting all, click the Minus Front button in the Pathfinder. After doing that, convert the resulting group to a compound path. Then 
repeat this entire process for each hole or negative space. First create the closed shape, select all, perform the Minus Front operation, 
and then convert the resulting group to a compound path. Do not deviate from this workflow or things could go horribly wrong. You must 
work with one piece at a time. This process can be time consuming, but it is essential in ensuring that the resulting compound shape 
looks like the one shown here and will work properly when you bring it into Photoshop. 
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PART FIVE: Color, shading, and detail 
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35 Select your compound shape and copy it. Save this Illustrator file and keep it open, since we will be returning to it. Return to your 
working file in Photoshop. Set the foreground color to black by pressing the D key on your keyboard, and then paste. When the Paste 
options appear, choose the Shape Layer option to paste the copied art in as a shape layer. Leave the fill color of the shape layer set to 
Black and use the Move tool to drag it to the left, positioning it beneath the text. 
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36 In the Layers palette, target your new shape layer. Hold down the Alt (or Option) 
key, and then drag downward in the Layers palette until you see a horizontal, thick, 
black line appear directly beneath the shape layer. Release the mouse button 
and you’ll see that this is an excellent way to not only duplicate a layer but to 
also place your duplicate where you want it within the Layers palette. Disable 
the visibility of your original layer and then double-click your duplicate layer 
thumbnail in the Layers palette, to open the picker. Choose yellow to change the 
duplicate layer’s fill color to yellow. 



Exporting paths 



At this point, you can clearly see that 
there are a number of ways to incorporate 
Illustrator art into your Photoshop files. 
However, this relationship is a two-way 
street, and paths can also be exported from 
Photoshop to use within lllustrator.To export 
a path, choose File > Export > Paths to 
lllustrator.This choice allows you to create 
a new Illustrator file containing one of your 
Photoshop paths. In the Export Paths box, 
you can name your file and choose which 
path to export from the Write menu. The 
new file containing your path can then be 
opened and edited within Illustrator. 
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37 Choose the Direct Selection tool from the Toolbar and use it to click 
the outside path component of your shape layer while holding down 
the Alt (or Option) key.This will select the entire outer path component 
without selecting any of the other path components. Press the Delete key 
and the selected path component will disappear.This alters the behavior 
of other path components, inverting the effect on the shape layer. The 
result is a filled hair shape, but it is not perfect. Some components will 
invert that you don’t want to invert. Alt-click (or Option-click) on any 
unwanted inverted components, such as her face, neck, ear, and the 
areas between strands of her hair. Press the Delete key to remove them. 
Remove any remaining details that should appear on the black layer, 
especially facial details. 



Saving paths as shapes 



You can store any path or shape layer’s 
vector mask as a custom shape, to be used 
again at any point later on. To save a path 
as a custom shape, first target the path in 
the Paths palette. Then choose Edit > Define 
Custom Shape from the menu. Name your 
shape and click OK. This will add your shape 
to the custom shape pop-up palette in the 
Tool Options bar, which is available only 
when you’re using the Custom Shape tool. 
Simply choose your new custom shape 
from the available options in the pop-up 
menu. Then click and drag to create a new 
instance of your shape. Holding down the 
Shift key as you drag will ensure that your 
shape is proportionately accurate. 
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38 Disable the visibility of your new yellow hair shape layer. Alt-drag (or Option- 
drag) your hidden black outline shape layer again to create another duplicate 
shape layer that resides between the original black outline layer and the yellow 
hair layer in the Layers palette. Enable the visibility of your newly duplicated layer. 
Again, use the Direct Selection tool to Alt-click (or Option-click) the outer path. 
Delete the selected outer path to invert the shape layer. Then systematically delete 
all shape layer components that are not areas of her skin. Again, use the method 
of Alt-clicking (or Option-clicking) and deleting. Take care when you get to the ear. 
Ensure that you delete the outer path and the details but not the inner path. Double- 
click the Shape Layer thumbnail in the Layers palette and change the color of the 
shape layer to a flesh tone. 
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39 Enable the visibility of your black outline and yellow hair shape layers in the Layers palette. Select the Pen tool. Ensure that it is set 
to create a new shape layer in the Tool Options bar, and set your foreground color to White. Use the Pen tool to carefully draw a closed 
path that outlines her eye, creating a new shape layer.Then choose the Add to Shape Area option in the Tool Options bar and create a 
closed path component around her other eye, adding it to the existing shape layer. 
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40 Now add a bit of soft, painterly shading to your artwork, in keeping with the 
signature appearance of authentic Art Noveau. First, Control-click (or Command- 
click) on your flesh-colored shape layer to load a selection based on the contents 
of that particular layer. Create a new layer that resides directly above your white 
eyes shape layer in the Layers palette. Select the Brush tool and choose a large, 
soft, round brush tip preset. Set the opacity of your brush around 20% in the Tool 
Options bar. Select a darker flesh color from the picker and begin to paint some 
shaded areas in the selection on the new layer. 



Moving layer effects 



When you apply a layer effect to a layer, it 
is not permanently attached to that layer. 

You can move it to another layer by simply 
clicking the layer style and dragging it onto 
another layer in the Layers palette. Or you 
can copy your layer style to another layer by 
clicking it and then Alt-dragging (or Option- 
dragging) it onto another layer. 
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41 Continue to paint shaded areas on the woman’s face. 
Choose lighter or darker flesh colors from the picker and 
increase or decrease brush opacity as required until you’ve 
painted a sufficient amount of soft shading onto her skin. 
Next, use the same techniques, with much smaller brush 
tips and different colors, to paint shading into the whites 
her eyes, her iris areas, and her lips. When you’re finished, 
deactivate the selection and select the Pen tool. Ensure 
that the Pen tool is set to create paths, not shape layers, 
and that the Add To Path Area option is selected in the Tool 
Options bar. 





42 Now take a good look at the woman’s hair and try to visualize where darker areas would naturally occur within the yellow areas. 
Carefully draw numerous closed path components wherever you think her hair should have some darker shading. Keep your shapes 
simple and use the contours indicated by the black outline layer as your guide. When you’ve finished creating the path components, 
generate a selection from the entire path by Control-clicking (or Command-clicking) it in the Paths palette. 
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43 Return to the Layers palette. While the 
current selection is active, create a new 
layer and ensure that it is targeted. Select 
the Gradient tool from the Toolbar. Choose 
a brown foreground color from the picker 
and then click and drag within the active 
selection to add numerous gradients. Create 
a variety of radial, foreground-to-transparent 
gradients within the selection. Deactivate the 
selection and then select the Pen tool. Now 
use the Pen tool to create a series of path 
components to represent small highlight 
areas within her hair. Again, use the black 
outline art as your visual guide. 
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44 Load the new path as a selection and create a new layer. Choose a very light 
yellow foreground color from the picker. Be certain to select a yellow that is much 
lighter than the color of her hair. Fill the active selection with the new light yellow 
foreground color on the new layer by typing Alt-Delete (or Option-Delete) on the 
keyboard. Deactivate the selection. 



Other paste options 



In addition to pasting your Illustrator art 
into Photoshop as paths and shape layers, 
there are a couple of other options. You 
can paste copied artwork from Illustrator 
into Photoshop as pixels or Smart Objects. 
Pasting as pixels will add your artwork to 
the canvas with a bounding box surrounding 
it. Similar to Free Transform, you can adjust 
size, angle, or position and then press the 
Enter key to apply the transformation. Once 
the transformation is applied, the artwork 
is rasterized. Smart objects are pasted in 
with the same bounding box surrounding 
them, yet they are not rasterized and remain 
editable. You can edit the source content of 
your smart object by double-clicking it in 
the Layers palette. 
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45 Using the methods we used on the previous page, let’s add some unnatural mauve details into our subject's hair. First, use the Pen tool 
to draw closed path components within her hair that will accommodate gradients of a different color. Load the entire finished path as a 
selection, create a new layer, and select the Gradient tool. Choose a mauve foreground color from the picker and create a series of radial, 
foreground-to-transparent gradients within the selection until it resembles what is shown here. Deactivate the selection when complete. 




46 Now use the Pen tool to draw a number of closed path components in areas where you want to create some mauve highlights in 
her hair. Use the same logic and techniques that you used to create the yellow highlight path components. Also, create a closed path 
component that surrounds the area in her hair to the left of her cheek and neck. Generate a selection from the entire path and fill the 
contents of the selection with the current mauve foreground color on the same layer as your mauve gradients. Deactivate the selection. 
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PART SIX: Creating the teacup 
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47 Return to your open Illustrator file and disable 
the visibility of the compound path layer by 
clicking the Visibility icon in the column to the left 
of it in the Layers palette. Then lock the layer by 
clicking in the column to the right of that. Create 
a new layer, ensure that it is targeted, and select 
the Pen tool. Use the Pen tool to carefully create 
a closed shape around the outer perimeter of the 
teacup and rising smoke. Just focus on tracing the 
exterior at this point, and feel free to improve on 
what is indicated by the sketch. Close the shape 
when you’re finished. 



Repeating the process 

Use what is now becoming a familiar procedure to finish creating the teacup. 






1 Now use the Pen tool to trace the 
inner region of the teacup and the 
smoke. Create a closed shape and 
then select all. When everything 
is selected, click the Minus Front 
button in the Pathfinder palette. After 
that, choose Object > Compound 
Path > Make from the menu. 



2 Next, use the Pen tool to create a 
series of closed shapes that trace 
over all the solid black details in 
the underlying sketch. Overlap the 
existing shape in regions where the 
details should connect with it. Select 
all and then click the Unite button in 
the Pathfinder. Convert the resulting 
group into a compound path. 



3 Switch to Outline mode if you’re 
currently working in Preview mode, 
so that you can see the underlying 
sketch. Draw a shape that traces an 
inner hole or negative space within a 
solid black shape. Select all, perform 
the Minus Front operation, and then 
convert the resulting group to a 
compound path. Repeat this process 
as many times as necessary to punch 
the required holes into the solid black 
shapes. Switch to Preview mode to 
view the result. 
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48 Copy the compound path and save the 
Illustrator file. Leave it open because we’ll be 
returning to it shortly. Return to your working 
file in Photoshop and press the D key to set 
the foreground color to black. When the Paste 
options appear, choose Shape Layer to paste the 
copied art into your file as a new shape layer. 
Use the Move tool to move the teacup outline to 
the lower left of the canvas. 
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Dragging from Illustrator 



If you want to add Illustrator art to your 
Photoshop file as a smart object, there is a 
quicker method than copying and pasting. 
Use the Standard Screen Mode option in 
Illustrator and position your window so 
that you can see your open Photoshop 
destination file in the background. Then 
simply drag your Illustrator art with the 
Selection tool into your Photoshop file in 
the background. The dragged artwork will 
be added to your Photoshop file as a smart 
object. 
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49 Create a duplicate of the shape layer underneath the original. Disable the 
visibility of your original layer and target the duplicate in the Layers palette. As 
you did with her hair and face previously, use the Direct Selection tool to Alt-click 
(or Option-click) a point or line segment of the outer path component in this 
shape layer. Press the Delete key to remove the outer path component and invert 
the shape layer areas. Use this same method to remove unwanted, inverted path 
components from the layer — places such as the inner paths that are used to 
define holes or negative spaces. 
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50 Ensure that no path component is selected. If you want to ensure that nothing 
is selected, simply use the Path Selection tool to click an area of the canvas that 
contains no path. Change the fill color of your duplicated shape layer to a light 
purple and select the Pen tool. In the Tool Options bar, ensure that the Pen tool is 
set to create shape layers and that the Subtract From Shape Area option is enabled. 
Use the Pen tool to carefully draw a path component that covers only the steam that 
is rising from the teacup. Adding this path component to your shape layer hides but 
does not permanently remove the steam area of your shape layer. 
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51 Duplicate the purple teacup shape layer. Target 
your new duplicate layer and change the fill 
color to a light green. Choose the Path Selection 
tool and use it to select the path component on 
your duplicate shape layer that hides the steam 
shape. With the path component selected, click the 
Intersect Shape Areas button in the Tool Options 
bar. Doing this will only reveal areas on the shape 
layer where shape components overlap. 





Combining 



You can use components together to 
produce a variety of shape area effects 
in a single shape layer. However, you can 
create a final, single shape from your shape 
layer components by selecting them with 
the Path Selection tool and then clicking 
the Combine button in the Tool Options bar. 
Once you combine the different components, 
you will lose the ability to move or edit the 
components individually, because the result 
of combining is one single shape. 
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